<template>
  <div>
    <!-- 左边导航栏 -->
    <div class="left">
      <ul>
        <li><span>-热销榜-</span></li>
        <li><span>-热销榜-</span></li>
        <li><span>-热销榜-</span></li>
        <li><span>-热销榜-</span></li>
        <li><span>-热销榜-</span></li>
        <li><span>-热销榜-</span></li>
        <li><span>-热销榜-</span></li>
        <li><span>-热销榜-</span></li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
// 电梯导航
.left {

  bottom: 35%;

  ul {
    width: 110px;
    border: 1px solid #e2ded6;
    text-align: center;
    // background: #fff;
    // left: 50%;
    // z-index: 98;
    // border-radius: 4px;
    // overflow: hidden;
    // display: blick;
    // opacity: 1;
    // will-change: transform;
    // transform: translateZ(0);

    li {
      width: 108px;
      height: 36px;
      line-height: 36px;

      span {
        // vertical-align: middle;
        // display: table-cell;
        // line-height: 14px;
        // font-size: 12px;
        // padding-left: 36px;
        padding: 1px 11px 0px;
      }
    }
  }
}
</style>




